import React from 'react';
import { Component } from 'react';
//import { Tag } from 'antd-mobile';
require('./Evaluate.scss');

export default class Evaluate extends Component {
    constructor() {
        super();
    }
    render() {
        // var commentsObj = {
        //     score:{
        //         comprehensive: 4.8,
        //         taste: 4.6,
        //         packing: 4.5,
        //         transport:4.4
        //     },
        //     tags:[
        //         {name: '全部', number:939},
        //         {name: '满意', number:823},
        //         {name: '不满意', number:34},
        //         {name: '有图', number:46},
        //         {name: '味道好', number:15}
        //     ],
        //     comments:[
        //         userNickName:"Alan",
        //         score: 5,
        //         comment: "好吃，配送快，五星好评",
        //         imgs: ['1.png','2.png'],
        //         food:["煎饼","豆浆","油条"]
        //     ]
        // };
        return (
            <div className="evaluate_wrapper">
                {/* <section className="evaluate_inf">
                    <div className="comprehensive_scre">{commentsObj.score.comprehensive}</div>
                    <div className="star"><span>商家评分</span><p>{commentsObj.score.comprehensive}</p></div>
                    <div className="taste"><span>味道</span><p>{commentsObj.score.taste}</p></div>
                    <div className="packing"><span>包装</span><p>{commentsObj.score.packing}</p></div>
                    <div className="transport"><span>配送</span><p>{commentsObj.score.transport}</p></div>
                </section>
                <section className="tags">
                    {
                        commentsObj.tags.map((tag)=>{
                            return <Tag >{tag.name+" "+tag.number}</Tag>
                        })
                    }
                </section>
                <section className="comments">
                </section> */}
            </div>
        );
    }
}